<!-- 物料组成设计单改删查 -->
<template>
  <div>
      <el-form :inline="true" :model="formInline" class="demo-form-inline">
        <el-form-item label="产品名称">
          <el-input v-model="formInline.productName" placeholder="产品名称"></el-input>
        </el-form-item>
       <el-form-item label="产品编号">
         <el-input v-model="formInline.prodcutId" placeholder="产品编号"></el-input>
       </el-form-item>

        <el-form-item>
          <el-button type="primary" @click="onSubmit">查询</el-button>
        </el-form-item>
      </el-form>
      <el-table :data="dataList" border style="width: 100%">
        <el-table-column prop="date" label="编号" style="width:150px">
        </el-table-column>
        <el-table-column prop="name" label="产品名称" style="width:150px">
        </el-table-column>
        <el-table-column prop="province" label="用途类型" style="width:150px">
        </el-table-column>
        <el-table-column prop="city" label="审核状态" style="width:150px">
        </el-table-column>
        <el-table-column prop="address" label="创建人" style="width:150px">
        </el-table-column>
        <el-table-column prop="zip" label="添加时间" style="width:150px">
        </el-table-column>
        <el-table-column label="操作" style="width:150px">
          <template slot-scope="scope">
            <!-- <el-button @click="handleClick(scope.row)" type="text" size="small">查询详情</el-button> -->
            <el-button type="text" @click="dialogTableVisible = true">修改</el-button>
             <el-button type="text" @click="dialogTableVisible = true">删除</el-button>
              
          </template>

        </el-table-column>
      </el-table>
  </div>
</template>
<script>
     export default {
        data() {
          return {
            formInline: {
              productName: '',
              prodcutId: ''
            },
            dataList: [{
                date: '561265876245',
                name: 'CPU',
                province: '物料',
                city: '通过',
                address: '张三',
                zip: '2019-5-6'

              },
               {
                 date: '561265876245',
                 name: '纸箱',
                 province: '物料',
                 city: '通过',
                 address: '张三',
                 zip: '2019-5-6'
               },
               {
                 date: '561265876245',
                 name: '内存条',
                 province: '物料',
                 city: '通过',
                 address: '张三',
                 zip: '2019-5-6'
               }],

          }

        },
        methods: {
          onSubmit() {
            console.log('submit!');
          }
        }
      }
</script>
<style>

</style>
